<template>
  <div>
    <div class="detaiPage">
      <div class="headerline">
        <div class="header bannercenter">
          <div class="headtitle clearfix">
            <h1><span class="title">产品使用说明</span></h1>
          </div>
        </div>
      </div>
      <div class="main">
        <img src="https://xhycc.hnthwh.com/calligraphy/2025/10/%E4%BA%A7%E5%93%81%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E.png">
        <div class="down" @click="downFile('https://xhycc.hnthwh.com/calligraphy/2025/10/xhsf-installer-V1.3.11.exe')"></div>
      </div>
    </div>
    <footer-page/>
  </div>
</template>

<script>


import FooterPage from '@/layout/footer/FooterPage.vue'
import ImageNonePreview from '@/components/ImagePreview/ImageNonePreview.vue'


export default {
  name: 'SoftUseDetailPage',
  components: { ImageNonePreview, FooterPage },
  methods:{
    downFile (fileUrl) {
      window.open(fileUrl, '_blank');
    }
  }
}
</script>

<style lang="scss" scoped>



.main{
  position: relative;
  img{
    width: 914.4px;
    height: 1636.71px;
  }
  .down{
    width: 200px;
    height: 60px;
    //background-color: #00a556;
    border-radius: 30px;
    position: absolute;
    left: 37%;
    bottom: 9.6%;
  }
}

</style>
